<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>this指向问题</title>
	</head>
	<body>
		<button>确定</button>
		<script type="text/javascript">
//			console.log(this)
			//在全局作用域下,this指向全局对象 window
			function fn() {
				console.log(this)
			}
			fn();
			
			//在方法调用里面,this指向函数的调用者
			var btn = document.querySelector('button');
			btn.addEventListener('click',function() {
				console.log(this)//this指向按钮对象
				setInterval(function() {
					console.log(this);	//this指向window，因为setInterval 属于 window 下面的方法
				},1000)	
			})
			
			//在构造函数里面,this指向 构造函数的实例
			function Fun() {
				//构造函数首字母要大写
				console.log(this); //指向构造函数的实例
			}
			var obj = new Fun();
			
		</script>
	</body>
</html>
